@charset "utf-8";
/* 以下实际使用若已初始化可删除 .mynav height父级需逐级设置为100%*/
body,html{height: 100%;background: #E2E2E2}
.mynav,ul{margin:0;padding:0}
body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
li{list-style:none;}
a{text-decoration:none;}
a:hover{
	text-decoration: none;
}
/* 以上实际使用若已初始化可删除 */

/* mynav */
.mynav{width: 220px;height: 100%;background: #263238;transition: all .3s; position: absolute;top:0;left: 0;}
.mynav .mynav-top{margin-top: 25px;}
.mynav a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #ABB1B7;transition: all .3s;}
.mynav a span{margin-left: 30px;}
.mynav .icon_left span{margin-left: 10px;font-size: 16px;}
.mynav-item{position: relative;}
.mynav-item.mynav-show{border-bottom: none;}
.mynav-item ul{display: none;background: rgba(0,0,0,.1);}
.mynav-item.mynav-show ul{display: block;}
.mynav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;}
.mynav .mynav-icon{font-size: 20px;position: absolute;margin-left:-1px;}

/*-------箭头转动--------------*/
.mynav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.mynav-more::after{content: "\e621";}
/*----------箭头转动-----------*/
.mynav-show .mynav-more{transform:rotate(90deg);}
.mynav-show,.mynav-item>a:hover{color: #FFF;background:rgba(0,0,0,.1);}
.mynav-show>a:before,.mynav-item>a:hover:before{opacity:1;}
.mynav-item li:hover a{color: #FFF;background: rgba(0, 0, 0,.1);}
